<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="3600" />
<meta name="revisit-after" content="2 days" />
<meta name="robots" content="index,follow" />
<meta name="publisher" content="Your publisher infos here" />
<meta name="copyright" content="Your copyright infos here" />
<meta name="author" content="Designed by www.1234.info / Modified: Xeroxer" />
<meta name="distribution" content="global" />
<meta name="description" content="Your container description here" />
<meta name="keywords" content="Your keywords, keywords, keywords, here" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="/resources/css/mf54_reset.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="/resources/css/mf54_grid_nosidebar.css" />
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="/resources/css/mf54_content_nosidebar.css" />
<link rel="icon" type="image/x-icon" href="/resources/image/favicon.ico" />
<title>Multiflex-5.4 | Content Toolbox |</title>
</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!-- Following line MUST remain as a comment to have the proper effect -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>
	<!-- CONTAINER FOR ENTIRE PAGE -->
	<div class="container">

		<!-- A. HEADER -->
		<div class="corner-page-top"></div>
		<div class="header">
			<div class="header-top">

				<!-- A.1 SITENAME -->
				<a class="sitelogo" href="index.html" title="Home"></a>
				<div class="sitename">
					<h1>
						<a href="/" title="Home">MULTIFLEX&bull;5.4</a>
					</h1>
					<h2>Open Source Designs</h2>
				</div>

				<!-- A.2 BUTTON NAVIGATION -->
				<div class="navbutton">
					<ul>
						<li>
							<a href="#" title="RSS">
								<img src="/resources/image/icon_rss.gif" alt="RSS-Button" />
							</a>
						</li>
					</ul>
				</div>

				<!-- A.3 GLOBAL NAVIGATION -->
				<div class="navglobal">
					<ul>
						<li>
							<a href="#" title="">About</a>
						</li>
						<li>
							<a href="#" title="">Contact</a>
						</li>
						<li>
							<a href="#" title="">Sitemap</a>
						</li>
						<li>
							<a href="#" title="">Links</a>
						</li>
					</ul>
				</div>
			</div>

			<!-- A.4 BREADCRUMB and SEARCHFORM -->
			<div class="header-bottom">

				<!-- Breadcrumb -->
				<ul>
					<li class="nobullet">You are here:&nbsp;</li>
					<li>
						<a href="#">Home</a>
					</li>
					<li>
						<a href="#">Page</a>
					</li>
					<li>
						<a href="#">Sub-Page</a>
					</li>
					<li>
						<a href="#">Sub-Sub-Page</a>
					</li>
				</ul>

				<!-- Search form -->
				<div class="searchform">
					<form action="index.html" method="get">
						<fieldset>
							<input name="field" class="field" value=" Enter search word ..." />
							<input type="submit" name="button" class="button" value="Search" />
						</fieldset>
					</form>
				</div>
			</div>
		</div>
		<div class="corner-page-bottom"></div>

		<!-- B. NAVIGATION BAR -->
		<div class="corner-page-top"></div>
		<div class="navbar">

			<!-- Navigation item -->
			<ul>
				<li>
					<a href="index.html">Overview</a>
				</li>
			</ul>
			<!-- Navigation item -->
			<ul>
				<li>
					<a href="mf54_tutorial.html">Tutorial</a>
				</li>
			</ul>
			<!-- Navigation item -->
			<ul>
				<li>
					<a href="#">
						Grid Toolbox
						<!--[if IE 7]><!-->
					</a>
					<!--<![endif]-->
					<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li>
							<a href="mf54_grid.html">With sidebar</a>
						</li>
						<li>
							<a href="mf54_grid_nosidebar.html">Without sidebar</a>
						</li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
			</ul>
			<!-- Navigation item -->
			<ul>
				<li>
					<a href="#">
						Content Toolbox
						<!--[if IE 7]><!-->
					</a>
					<!--<![endif]-->
					<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li>
							<a href="mf54_content.html">With sidebar</a>
						</li>
						<li>
							<a href="mf54_content_nosidebar.html">Without sidebar</a>
						</li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
			</ul>
			<ul>
				<li>
					<a href="#">
						Drop-down Menu
						<!--[if IE 7]><!-->
					</a>
					<!--<![endif]-->
					<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li>
							<a href="#">Menu subitem 1</a>
						</li>
						<li>
							<a href="#">Menu subitem 2</a>
						</li>
						<li>
							<a href="#">Menu subitem 3</a>
						</li>
						<li>
							<a href="#">Menu subitem 4</a>
						</li>
						<li>
							<a href="#">Menu subitem 5</a>
						</li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
			</ul>
		</div>

		<!-- C. MAIN SECTION -->
		<div class="main">
			<h1 class="pagetitle">Content Toolbox (Without sidebar)</h1>

			<!-- C.1 CONTENT -->
			<div class="content">

				<!-- CONTENT CELL -->
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>Available Content Styles</h1>
					<!-- Subcell LEFT-->
					<div class="content-3col-nobox-leftcolumn">
						<h2>1. Content (1-Column / No box)</h2>
						<ul>
							<li>
								1-01 /
								<a href="#anchor-heading-1">Heading (with icon)</a>
							</li>
							<li>
								1-02 /
								<a href="#anchor-heading-noicon-1">Heading (no icon)</a>
							</li>
							<li>
								1-03 /
								<a href="#anchor-text-1">Text</a>
							</li>
							<li>
								1-04 /
								<a href="#anchor-image-1">Image</a>
							</li>
							<li>
								1-05 /
								<a href="#anchor-link-1">Link</a>
							</li>
							<li>
								1-06 /
								<a href="#anchor-table-1">Table</a>
							</li>
							<li>
								1-07 /
								<a href="#anchor-contact-1">Contact form</a>
							</li>
							<li>
								1-08 /
								<a href="#anchor-login-1">Login form</a>
							</li>
							<li>
								1-09 /
								<a href="#anchor-search-1">Search form</a>
							</li>
							<li>
								1-10 /
								<a href="#anchor-video-1">Video</a>
							</li>
							<li>
								1-11 /
								<a href="#anchor-audio-1">Audio</a>
							</li>
							<li>
								1-12 /
								<a href="#anchor-extra-1">Extras</a>
							</li>
						</ul>
						<h2>2. Content (2-Column / No box)</h2>
						<ul>
							<li>
								2-01 /
								<a href="#anchor-heading-2">Heading (with icon)</a>
							</li>
							<li>
								2-02 /
								<a href="#anchor-heading-noicon-2">Heading (no icon)</a>
							</li>
							<li>
								2-03 /
								<a href="#anchor-text-2">Text</a>
							</li>
							<li>
								2-04 /
								<a href="#anchor-image-2">Image</a>
							</li>
							<li>
								2-05 /
								<a href="#anchor-link-2">Link</a>
							</li>
							<li>
								2-06 /
								<a href="#anchor-table-2">Table</a>
							</li>
							<li>
								2-07 /
								<a href="#anchor-contact-2">Contact form</a>
							</li>
							<li>
								2-08 /
								<a href="#anchor-login-2">Login form</a>
							</li>
							<li>
								2-09 /
								<a href="#anchor-search-2">Search form</a>
							</li>
							<li>
								2-10 /
								<a href="#anchor-video-2">Video</a>
							</li>
							<li>
								2-11 /
								<a href="#anchor-audio-2">Audio</a>
							</li>
						</ul>
					</div>

					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h2>3. Content (3-Column / No Box)</h2>
						<ul>
							<li>
								3-01 /
								<a href="#anchor-heading-3">Heading (with icon)</a>
							</li>
							<li>
								3-02 /
								<a href="#anchor-heading-noicon-3">Heading (no icon)</a>
							</li>
							<li>
								3-03 /
								<a href="#anchor-text-3">Text</a>
							</li>
							<li>
								3-04 /
								<a href="#anchor-image-3">Image</a>
							</li>
							<li>
								3-05 /
								<a href="#anchor-link-3">Link</a>
							</li>
							<li>
								3-06 /
								<a href="#anchor-table-3">Table</a>
							</li>
							<li>
								3-07 /
								<a href="#anchor-contact-3">Contact form</a>
							</li>
							<li>
								3-08 /
								<a href="#anchor-login-3">Login form</a>
							</li>
							<li>
								3-09 /
								<a href="#anchor-search-3">Search form</a>
							</li>
							<li>
								3-10 /
								<a href="#anchor-video-3">Video</a>
							</li>
							<li>
								3-11 /
								<a href="#anchor-audio-3">Audio</a>
							</li>
						</ul>
						<h2>4. Content (2-Column, Box)</h2>
						<ul>
							<li>
								4-01 /
								<a href="#anchor-heading-4">Heading (with icon)</a>
							</li>
							<li>
								4-02 /
								<a href="#anchor-heading-noicon-4">Heading (no icon)</a>
							</li>
							<li>
								4-03 /
								<a href="#anchor-text-4">Text</a>
							</li>
							<li>
								4-04 /
								<a href="#anchor-image-4">Image</a>
							</li>
							<li>
								4-05 /
								<a href="#anchor-link-4">Link</a>
							</li>
							<li>
								4-06 /
								<a href="#anchor-table-4">Table</a>
							</li>
							<li>
								4-07 /
								<a href="#anchor-contact-4">Contact form</a>
							</li>
							<li>
								4-08 /
								<a href="#anchor-login-4">Login form</a>
							</li>
							<li>
								4-09 /
								<a href="#anchor-search-4">Search form</a>
							</li>
							<li>
								4-10 /
								<a href="#anchor-video-4">Video</a>
							</li>
							<li>
								4-11 /
								<a href="#anchor-audio-4">Audio</a>
							</li>
							<li>
								4-12 /
								<a href="#anchor-extra-4">Extras</a>
							</li>
						</ul>
					</div>

					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h2>5. Content (3-Column / Box)</h2>
						<ul>
							<li>
								5-01 /
								<a href="#anchor-heading-5">Heading (with icon)</a>
							</li>
							<li>
								5-02 /
								<a href="#anchor-heading-noicon-5">Heading (no icon)</a>
							</li>
							<li>
								5-03 /
								<a href="#anchor-text-5">Text</a>
							</li>
							<li>
								5-04 /
								<a href="#anchor-image-5">Image</a>
							</li>
							<li>
								5-05 /
								<a href="#anchor-link-5">Link</a>
							</li>
							<li>
								5-06 /
								<a href="#anchor-table-5">Table</a>
							</li>
							<li>
								5-07 /
								<a href="#anchor-contact-5">Contact form</a>
							</li>
							<li>
								5-08 /
								<a href="#anchor-login-5">Login form</a>
							</li>
							<li>
								5-09 /
								<a href="#anchor-search-5">Search form</a>
							</li>
							<li>
								5-10 /
								<a href="#anchor-video-5">Video</a>
							</li>
							<li>
								5-11 /
								<a href="#anchor-audio-5">Audio</a>
							</li>
							<li>
								5-12 /
								<a href="#anchor-extra-5">Extras</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- *****************************   START OF AVAILABLE CONTENT STYLES   ****************************** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->


				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- **                                                                                              ** -->
				<!-- **   1. CONTENT (1-COLUMN)                                                                      ** -->
				<!-- **                                                                                              ** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->

				<!-- ************************************************************************************************** -->
				<!-- **   1-01. HEADING (WITH ICON)                                                                  ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-heading-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>1-01. Box head h1 (with icon)</h1>
					<h2>Box subhead h2 (with icon)</h2>
					<p class="demo"></p>
					<h3 class="line">Title heading h3 (top line)</h3>
					<h6>Title heading h6</h6>
					<p>Text text text text</p>
					<h3>Title heading h3 (no top line)</h3>
					<h6>Title heading h6</h6>
					<p>Text text text text</p>
					<h4>Title heading h4</h4>
					<h6>Title heading h6</h6>
					<p>Text text text text</p>
					<h5>Title heading h5</h5>
					<p>Text text text text</p>
					<h3>Title heading h3</h3>
					<p>Text text text text</p>
					<h4>Title heading h4</h4>
					<p>Text text text text</p>
					<h2>Box subhead h2 (with icon)</h2>
					<p class="demo"></p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-02. HEADING (NO ICON)                                                                    ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-heading-noicon-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="noicon">1-02. Box head h1 (no icon)</h1>
					<h2 class="noicon">Box subhead h2 (no icon)</h2>
					<p class="demo"></p>
					<h2 class="noicon">Box subhead h2 (no icon)</h2>
					<p class="demo"></p>
				</div>
				<div class="corner-content-1col-bottom"></div>


				<!-- ************************************************************************************************** -->
				<!-- **   1-03. TEXT                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-text-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>1-03. Text</h1>
					<h5>Paragraph</h5>
					<p>Standard text text text text text text text text text text text text text text text text text text text text
						text text text text text text text text text text text text text text text text text text text text text text text
						text text text text text text text text text text text text text text text text text text text text</p>
					<p class="details">
						<b>Paragraph details:</b>
						| Posted by
						<a href="#">SiteAdmin </a>
						| Categories:
						<a href="#">General</a>
						| Comments:
						<a href="#">73</a>
						|
					</p>
					<h5>Blockquote</h5>
					<blockquote>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
							consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum
							dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at
							libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					</blockquote>
					<h5>Unordered list</h5>
					<ul>
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
							consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum
							dolor sit amet, consectetuer adipiscing.</li>
						<li>Second entry</li>
					</ul>
					<h5>Unordered list (indented)</h5>
					<ul class="indent">
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
							consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum
							dolor sit amet, consectetuer adipiscing.</li>
						<li>Second entry</li>
					</ul>
					<h5>Ordered list</h5>
					<ol>
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
							consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum
							dolor sit amet, consectetuer adipiscing.</li>
						<li>Second entry</li>
					</ol>
					<h5>Ordered list (indented)</h5>
					<ol class="indent">
						<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
							consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum
							dolor sit amet, consectetuer adipiscing.</li>
						<li>Second entry</li>
					</ol>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-04. IMAGE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-image-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>1-04. Image</h1>
					<h2>Title heading above image</h2>
					<h3>Heading h3</h3>
					<h6>Heading h6</h6>
					<p>
						<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
						dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
						lobortis nisl ut aliquip. orem ipsum dolor sit amet.
					</p>
					<p>
						<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
					</p>
					<h3>Heading h3</h3>
					<h6>Heading h6</h6>
					<p>
						<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
						dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
						lobortis nisl ut aliquip. orem ipsum dolor sit amet.
					</p>
					<h2>Title heading beside image</h2>
					<h3>
						<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						Heading h3
					</h3>
					<h6>Heading h6</h6>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
						dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
						lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					<p>
						<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
					</p>
					<h3>
						<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						Heading h3
					</h3>
					<h6>Heading h6</h6>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
						dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
						lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-05. LINK                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-link-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>1-05. Link</h1>
					<h5>Text link</h5>
					<p>
						Here we can find a
						<a href="#">text link</a>
						.
					</p>
					<h5>Image link</h5>
					<p>
						<a href="#">
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</a>
					</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-06. TABLE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-table-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>1-06. Table</h1>
					<table>
						<tr>
							<th class="top" scope="col">Heading 1</th>
							<th class="top" scope="col">Heading 2</th>
							<th class="top" scope="col">Heading 3</th>
							<th class="top" scope="col">Heading 4</th>
						</tr>
						<tr>
							<th scope="row">Category 1</th>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
						<tr>
							<th scope="row">Category 2</th>
							<td>Data</td>
							<td>Data</td>
							<td>Data</td>
						</tr>
						<tr>
							<th scope="row">Category 3</th>
							<td>
								<a href="#">Link</a>
							</td>
							<td>
								<a href="#">Link</a>
							</td>
							<td>
								<a href="#">Link</a>
							</td>
						</tr>
					</table>
					<p class="caption">
						<b>Table x.x.</b>
						Caption
					</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-07. CONTACT FORM                                                                         ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-contact-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="contact">1-07. Contact form</h1>
					<div class="contactform">
						<form method="post" action="index.html">
							<fieldset>
								<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
								<p>
									<label for="contact_title_1" class="left">Title:</label>
									<select name="contact_title" id="contact_title_1" class="combo">
										<option value="choose">Select...</option>
										<option value="mrs">Mrs.</option>
										<option value="mr">Mr.</option>
										<option value="dr">Dr.</option>
									</select>
								</p>
								<p>
									<label for="contact_firstname_1" class="left">First name:</label>
									<input type="text" name="contact_firstname" id="contact_firstname_1" class="field" value="" tabindex="1" />
								</p>
								<p>
									<label for="contact_familyname_1" class="left">Family name:</label>
									<input type="text" name="contact_familyname" id="contact_familyname_1" class="field" value="" tabindex="1" />
								</p>
								<p>
									<label for="contact_street_1" class="left">Street:</label>
									<input type="text" name="contact_street" id="contact_street_1" class="field" value="" tabindex="1" />
								</p>
								<p>
									<label for="contact_postalcode_1" class="left">Postal code:</label>
									<input type="text" name="contact_postalcode" id="contact_postalcode_1" class="field" value="" tabindex="1" />
								</p>
								<p>
									<label for="contact_city_1" class="left">City:</label>
									<input type="text" name="contact_city" id="contact_city_1" class="field" value="" tabindex="1" />
								</p>
								<p>
									<label for="contact_country_1" class="left">Country:</label>
									<select name="contact_country" id="contact_country_1" class="combo">
										<option value="choose">Select...</option>
										<option value="Sweden">Sweden</option>
										<option value="United States">United States</option>
										<option value="China">China</option>
									</select>
								</p>
								<p>
									<label for="contact_phone_1" class="left">Phone:</label>
									<input type="text" name="contact_phone" id="contact_phone_1" class="field" value="" tabindex="2" />
								</p>
								<p>
									<label for="contact_email_1" class="left">Email:</label>
									<input type="text" name="contact_email" id="contact_email_1" class="field" value="" tabindex="2" />
								</p>
								<p>
									<label for="contact_url_1" class="left">Website:</label>
									<input type="text" name="contact_url" id="contact_url_1" class="field" value="" tabindex="3" />
								</p>
							</fieldset>
							<fieldset>
								<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
								<p>
									<label for="contact_subject_1" class="left">Subject:</label>
									<input type="text" name="contact_subject" id="contact_subject_1" class="field" value="" tabindex="4" />
								</p>
								<p>
									<label for="contact_urgency_1" class="left">Please reply:</label>
									<select name="contact_urgency" id="contact_urgency_1" class="combo">
										<option value="choose">Select...</option>
										<option value="today">Latest today</option>
										<option value="tomorrow">Latest tomorrow</option>
										<option value="threedays">Latest in 3 days</option>
										<option value="week">Latest in a week</option>
										<option value="month">Latest in a month</option>
									</select>
								</p>
								<p>
									<label for="contact_message_1" class="left">Message:</label>
									<textarea name="contact_message" id="contact_message_1" cols="45" rows="10" tabindex="5"></textarea>
								</p>
								<p>
									<input type="submit" name="submit" id="submit_1" class="button" value="Send message" tabindex="6" />
								</p>
							</fieldset>
						</form>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-08. LOGIN FORM                                                                           ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-login-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="login">1-08. Login</h1>
					<div class="loginform">
						<form method="post" action="index.html">
							<p>
								<input type="hidden" name="rememberme" value="0" />
							</p>
							<fieldset>
								<p>
									<label for="username_1" class="top">User:</label>
									<br />
									<input type="text" name="username_1" id="username_1" tabindex="1" class="field" value="" />
								</p>
								<p>
									<label for="password_1" class="top">Password:</label>
									<br />
									<input type="password" name="password_1" id="password_1" tabindex="2" class="field" value="" />
								</p>
								<p>
									<input type="checkbox" name="checkbox_1" id="checkbox_1" class="checkbox" tabindex="3" size="1" value="" />
									<label for="checkbox_1" class="right">Remember me</label>
								</p>
								<p>
									<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
								</p>
								<p>
									<a href="#" id="forgotpsswd_1">Password forgotten?</a>
								</p>
							</fieldset>
						</form>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-09. SEARCH FORM                                                                          ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-search-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="search">1-09. Search</h1>
					<div class="searchform">
						<form action="index.html" method="get">
							<fieldset>
								<input name="field" class="field" value=" Search..." />
								<input type="submit" name="button" class="button" value="GO!" />
							</fieldset>
						</form>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   1-12. EXTRAS                                                                               ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL -->
				<a id="anchor-extra-1"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="webtemplate">1-12a. Webtemplate</h1>
					<p class="demo">Here comes the content.</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- CONTENT CELL -->
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="document">1-12b. Document</h1>
					<p class="demo">Here comes the content.</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- CONTENT CELL -->
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="blog">1-12c. Blog</h1>
					<p class="demo">Here comes the content.</p>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- CONTENT CELL -->
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="forum">1-12d. Forum</h1>
					<p class="demo">Here comes the content.</p>
				</div>
				<div class="corner-content-1col-bottom"></div>


				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- **                                                                                              ** -->
				<!-- **  2. CONTENT (2-COLUMN, NO BOX)                                                               ** -->
				<!-- **                                                                                              ** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->


				<!-- ************************************************************************************************** -->
				<!-- **   2-01. HEADING (WITH ICON)                                                                  ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-heading-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>2-01. Box head h1 (with icon)</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
						<h3 class="line">Title heading h3 (top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h3>Title heading h3 (no top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h5>Title heading h5</h5>
						<p>Text text text text</p>
						<h3>Title heading h3</h3>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<p>Text text text text</p>
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
						<h3 class="line">Title heading h3 (top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h3>Title heading h3 (no top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h5>Title heading h5</h5>
						<p>Text text text text</p>
						<h3>Title heading h3</h3>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<p>Text text text text</p>
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-02. HEADING (NO ICON)                                                                    ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-heading-noicon-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="noicon">2-02. Box head h1 (no icon)</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-03. TEXT                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-text-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>2-03. Text</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<h5>Paragraph</h5>
						<p>Standard text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text</p>
						<p class="details">
							<b>Paragraph details:</b>
							| Posted by
							<a href="#">SiteAdmin </a>
							| Categories:
							<a href="#">General</a>
							| Comments:
							<a href="#">73</a>
							|
						</p>
						<blockquote>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
								at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
						</blockquote>
						<h5>Unordered list</h5>
						<ul>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Unordered list (indented)</h5>
						<ul class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Ordered list</h5>
						<ol>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
						<h5>Ordered list (indented)</h5>
						<ol class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<h5>Paragraph</h5>
						<p>Standard text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text</p>
						<p class="details">
							<b>Paragraph details:</b>
							| Posted by
							<a href="#">SiteAdmin </a>
							| Categories:
							<a href="#">General</a>
							| Comments:
							<a href="#">73</a>
							|
						</p>
						<blockquote>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
								at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
						</blockquote>
						<h5>Unordered list</h5>
						<ul>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Unordered list (indented)</h5>
						<ul class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Ordered list</h5>
						<ol>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
						<h5>Ordered list (indented)</h5>
						<ol class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-04. IMAGE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-image-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>2-04. Image</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<h2>Title heading (above image)</h2>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<h2>Title heading beside image</h2>
						<h3>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<h2>Title heading (above image)</h2>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<h2>Title heading beside image</h2>
						<h3>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-05. LINK                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-link-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>2-05. Link</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<h5>Text link</h5>
						<p>
							Here we can find a
							<a href="#">text link</a>
							.
						</p>
						<h5>Image link</h5>
						<p>
							<a href="#">
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</a>
						</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<h5>Text links</h5>
						<p>
							Here we can find a
							<a href="#">text link</a>
							.
						</p>
						<h5>Image links</h5>
						<p>
							<a href="#">
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</a>
						</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-06. TABLE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-table-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>2-06. Table</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<table>
							<tr>
								<th class="top" scope="col">Heading 1</th>
								<th class="top" scope="col">Heading 2</th>
								<th class="top" scope="col">Heading 3</th>
							</tr>
							<tr>
								<th scope="row">Category 1</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 2</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 3</th>
								<td>
									<a href="#">Link</a>
								</td>
								<td>
									<a href="#">Link</a>
								</td>
							</tr>
						</table>
						<p class="caption">
							<b>Table x.x.</b>
							Caption
						</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<table>
							<tr>
								<th class="top" scope="col">Heading 1</th>
								<th class="top" scope="col">Heading 2</th>
								<th class="top" scope="col">Heading 3</th>
							</tr>
							<tr>
								<th scope="row">Category 1</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 2</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 3</th>
								<td>
									<a href="#">Link</a>
								</td>
								<td>
									<a href="#">Link</a>
								</td>
							</tr>
						</table>
						<p class="caption">
							<b>Table x.x.</b>
							Caption
						</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-07. CONTACT FORM                                                                         ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-contact-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="contact">2-07. Contact Form</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<div class="contactform">
							<form method="post" action="index.html">
								<fieldset>
									<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
									<p>
										<label for="contact_title_2a" class="left">Title:</label>
										<select name="contact_title" id="contact_title_2a" class="combo">
											<option value="choose">Select...</option>
											<option value="mrs">Mrs.</option>
											<option value="mr">Mr.</option>
											<option value="dr">Dr.</option>
										</select>
									</p>
									<p>
										<label for="contact_firstname_2a" class="left">First name:</label>
										<input type="text" name="contact_firstname" id="contact_firstname_2a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_familyname_2a" class="left">Family name:</label>
										<input type="text" name="contact_familyname" id="contact_familyname_2a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_street_2a" class="left">Street:</label>
										<input type="text" name="contact_street" id="contact_street_2a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_postalcode_2a" class="left">Postal code:</label>
										<input type="text" name="contact_postalcode" id="contact_postalcode_2a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_city_2a" class="left">City:</label>
										<input type="text" name="contact_city" id="contact_city_2a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_country_2a" class="left">Country:</label>
										<select name="contact_country" id="contact_country_2a" class="combo">
											<option value="choose">Select...</option>
											<option value="Sweden">Sweden</option>
											<option value="United States">United States</option>
											<option value="China">China</option>
										</select>
									</p>
									<p>
										<label for="contact_phone_2a" class="left">Phone:</label>
										<input type="text" name="contact_phone" id="contact_phone_2a" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_email_2a" class="left">Email:</label>
										<input type="text" name="contact_email" id="contact_email_2a" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_url_2a" class="left">Website:</label>
										<input type="text" name="contact_url" id="contact_url_2a" class="field" value="" tabindex="3" />
									</p>
								</fieldset>
								<fieldset>
									<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
									<p>
										<label for="contact_subject_2a" class="left">Subject:</label>
										<input type="text" name="contact_subject" id="contact_subject_2a" class="field" value="" tabindex="4" />
									</p>
									<p>
										<label for="contact_urgency_2a" class="left">Please reply:</label>
										<select name="contact_urgency" id="contact_urgency_2a" class="combo">
											<option value="choose">Select...</option>
											<option value="today">Latest today</option>
											<option value="tomorrow">Latest tomorrow</option>
											<option value="threedays">Latest in 3 days</option>
											<option value="week">Latest in a week</option>
											<option value="month">Latest in a month</option>
										</select>
									</p>
									<p>
										<label for="contact_message_2a" class="left">Message:</label>
										<textarea name="contact_message" id="contact_message_2a" cols="45" rows="10" tabindex="5"></textarea>
									</p>
									<p>
										<input type="submit" name="submit" id="submit_2a" class="button" value="Send message" tabindex="6" />
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<div class="contactform">
							<form method="post" action="index.html">
								<fieldset>
									<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
									<p>
										<label for="contact_title_2b" class="left">Title:</label>
										<select name="contact_title" id="contact_title_2b" class="combo">
											<option value="choose">Select...</option>
											<option value="mrs">Mrs.</option>
											<option value="mr">Mr.</option>
											<option value="dr">Dr.</option>
										</select>
									</p>
									<p>
										<label for="contact_firstname_2b" class="left">First name:</label>
										<input type="text" name="contact_firstname" id="contact_firstname_2b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_familyname_2b" class="left">Family name:</label>
										<input type="text" name="contact_familyname" id="contact_familyname_2b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_street_2b" class="left">Street:</label>
										<input type="text" name="contact_street" id="contact_street_2b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_postalcode_2b" class="left">Postal code:</label>
										<input type="text" name="contact_postalcode" id="contact_postalcode_2b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_city_2b" class="left">City:</label>
										<input type="text" name="contact_city" id="contact_city_2b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_country_2b" class="left">Country:</label>
										<select name="contact_country" id="contact_country_2b" class="combo">
											<option value="choose">Select...</option>
											<option value="Sweden">Sweden</option>
											<option value="United States">United States</option>
											<option value="China">China</option>
										</select>
									</p>
									<p>
										<label for="contact_phone_2b" class="left">Phone:</label>
										<input type="text" name="contact_phone" id="contact_phone_2b" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_email_2b" class="left">Email:</label>
										<input type="text" name="contact_email" id="contact_email_2b" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_url_2b" class="left">Website:</label>
										<input type="text" name="contact_url" id="contact_url_2b" class="field" value="" tabindex="3" />
									</p>
								</fieldset>
								<fieldset>
									<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
									<p>
										<label for="contact_subject_2b" class="left">Subject:</label>
										<input type="text" name="contact_subject" id="contact_subject_2b" class="field" value="" tabindex="4" />
									</p>
									<p>
										<label for="contact_urgency_2b" class="left">Please reply:</label>
										<select name="contact_urgency" id="contact_urgency_2b" class="combo">
											<option value="choose">Select...</option>
											<option value="today">Latest today</option>
											<option value="tomorrow">Latest tomorrow</option>
											<option value="threedays">Latest in 3 days</option>
											<option value="week">Latest in a week</option>
											<option value="month">Latest in a month</option>
										</select>
									</p>
									<p>
										<label for="contact_message_2b" class="left">Message:</label>
										<textarea name="contact_message" id="contact_message_2b" cols="45" rows="10" tabindex="5"></textarea>
									</p>
									<p>
										<input type="submit" name="submit" id="submit_2b" class="button" value="Send message" tabindex="6" />
									</p>
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-08. LOGIN FORM                                                                           ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-login-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="login">2-08. Login</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<div class="loginform">
							<form method="post" action="index.html">
								<p>
									<input type="hidden" name="rememberme" value="0" />
								</p>
								<fieldset>
									<p>
										<label for="username_2a" class="top">User:</label>
										<br />
										<input type="text" name="username_2a" id="username_2a" tabindex="1" class="field" value="" />
									</p>
									<p>
										<label for="password_2a" class="top">Password:</label>
										<br />
										<input type="password" name="password_2a" id="password_2a" tabindex="2" class="field" value="" />
									</p>
									<p>
										<input type="checkbox" name="checkbox_2a" id="checkbox_2a" class="checkbox" tabindex="3" size="1" value="" />
										<label for="checkbox_2a" class="right">Remember me</label>
									</p>
									<p>
										<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
									</p>
									<p>
										<a href="#" id="forgotpsswd_2a">Password forgotten?</a>
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<div class="loginform">
							<form method="post" action="index.html">
								<p>
									<input type="hidden" name="rememberme" value="0" />
								</p>
								<fieldset>
									<p>
										<label for="username_2b" class="top">User:</label>
										<br />
										<input type="text" name="username_2b" id="username_2b" tabindex="1" class="field" value="" />
									</p>
									<p>
										<label for="password_2b" class="top">Password:</label>
										<br />
										<input type="password" name="password_2b" id="password_2b" tabindex="2" class="field" value="" />
									</p>
									<p>
										<input type="checkbox" name="checkbox_2b" id="checkbox_2b" class="checkbox" tabindex="3" size="1" value="" />
										<label for="checkbox_2b" class="right">Remember me</label>
									</p>
									<p>
										<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
									</p>
									<p>
										<a href="#" id="forgotpsswd_2b">Password forgotten?</a>
									</p>
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   2-09. SEARCH FORM                                                                          ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-search-2"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="noicon">2-09. Search</h1>
					<!-- Subcell LEFT -->
					<div class="content-2col-nobox-leftcolumn">
						<div class="searchform">
							<form action="index.html" method="get">
								<fieldset>
									<input name="field" class="field" value=" Search..." />
									<input type="submit" name="button" class="button" value="GO!" />
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-2col-nobox-rightcolumn">
						<div class="searchform">
							<form action="index.html" method="get">
								<fieldset>
									<input name="field" class="field" value=" Search..." />
									<input type="submit" name="button" class="button" value="GO!" />
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- **                                                                                              ** -->
				<!-- **  3. CONTENT (3-COLUMN, NO BOX)                                                               ** -->
				<!-- **                                                                                              ** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->


				<!-- ************************************************************************************************** -->
				<!-- **   3-01. HEADING (WITH ICON)                                                                  ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (Subcells NOT boxes) -->
				<a id="anchor-heading-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>3-01. Box head h1 (with icon)</h1>
					<!-- 3-Column LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
						<h3 class="line">Title heading h3 (top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h3>Title heading h3 (no top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h5>Title heading h5</h5>
						<p>Text text text text</p>
						<h3>Title heading h3</h3>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<p>Text text text text</p>
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- 3-Column MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
						<h3 class="line">Title heading h3 (top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h3>Title heading h3 (no top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h5>Title heading h5</h5>
						<p>Text text text text</p>
						<h3>Title heading h3</h3>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<p>Text text text text</p>
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- 3-Column RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
						<h3 class="line">Title heading h3 (top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h3>Title heading h3 (no top line)</h3>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<h6>Title heading h6</h6>
						<p>Text text text text</p>
						<h5>Title heading h5</h5>
						<p>Text text text text</p>
						<h3>Title heading h3</h3>
						<p>Text text text text</p>
						<h4>Title heading h4</h4>
						<p>Text text text text</p>
						<h2>Box subhead h2 (with icon)</h2>
						<p class="demo"></p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-02. HEADING (NO ICON)                                                                    ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-heading-noicon-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="noicon">3-02. Box head h1 (no icon)</h1>
					<!-- 3-Column LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- 3-Column MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
					</div>
					<!-- 3-Column RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
						<h2 class="noicon">Box subhead h2 (no icon)</h2>
						<p class="demo"></p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-03. TEXT                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (Subcells NOT boxes) -->
				<a id="anchor-text-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>3-03. Text</h1>
					<!-- 3-Column LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<h5>Paragraph</h5>
						<p>Standard text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text</p>
						<p class="details">
							<b>Paragraph details:</b>
							| Posted by
							<a href="#">SiteAdmin </a>
							| Categories:
							<a href="#">General</a>
							| Comments:
							<a href="#">73</a>
							|
						</p>
						<blockquote>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
								at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
						</blockquote>
						<h5>Unordered list</h5>
						<ul>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Unordered list (indented)</h5>
						<ul class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Ordered list</h5>
						<ol>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
						<h5>Ordered list (indented)</h5>
						<ol class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
					</div>
					<!-- 3-Column MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h5>Paragraph</h5>
						<p>Standard text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text</p>
						<p class="details">
							<b>Paragraph details:</b>
							| Posted by
							<a href="#">SiteAdmin </a>
							| Categories:
							<a href="#">General</a>
							| Comments:
							<a href="#">73</a>
							|
						</p>
						<blockquote>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
								at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
						</blockquote>
						<h5>Unordered list</h5>
						<ul>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Unordered list (indented)</h5>
						<ul class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Ordered list</h5>
						<ol>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
						<h5>Ordered list (indented)</h5>
						<ol class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
					</div>
					<!-- 3-Column RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h5>Paragraph</h5>
						<p>Standard text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text
							text text text text text text text text text text text text text text text text text text text text text text</p>
						<p class="details">
							<b>Paragraph details:</b>
							| Posted by
							<a href="#">SiteAdmin </a>
							| Categories:
							<a href="#">General</a>
							| Comments:
							<a href="#">73</a>
							|
						</p>
						<blockquote>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam
								at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
						</blockquote>
						<h5>Unordered list</h5>
						<ul>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Unordered list (indented)</h5>
						<ul class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ul>
						<h5>Ordered list</h5>
						<ol>
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
						<h5>Ordered list (indented)</h5>
						<ol class="indent">
							<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
								consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
								ipsum dolor sit amet, consectetuer adipiscing.</li>
							<li>Second entry</li>
						</ol>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-04. IMAGE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-image-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>3-04. Image</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<h2>Title heading (above image)</h2>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<h2>Title heading beside image</h2>
						<h3>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					</div>
					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h2>Title heading (above image)</h2>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<h2>Title heading beside image</h2>
						<h3>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h2>Title heading (above image)</h2>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>Heading h3</h3>
						<h6>Heading h6</h6>
						<p>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
							dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
							lobortis nisl ut aliquip. orem ipsum dolor sit amet.
						</p>
						<h2>Title heading beside image</h2>
						<h3>
							<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						<p>
							<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
						</p>
						<h3>
							<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							Heading h3
						</h3>
						<h6>Heading h6</h6>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
							laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
							suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-05. LINK                                                                                 ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (Subcells NOT boxes) -->
				<a id="anchor-link-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>3-05. Link</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<h5>Text link</h5>
						<p>
							Here we can find a
							<a href="#">text link</a>
							.
						</p>
						<h5>Image link</h5>
						<p>
							<a href="#">
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</a>
						</p>
					</div>
					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<h5>Text link</h5>
						<p>
							Here we can find a
							<a href="#">text link</a>
							.
						</p>
						<h5>Image link</h5>
						<p>
							<a href="#">
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</a>
						</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<h5>Text links</h5>
						<p>
							Here we can find a
							<a href="#">text link</a>
							.
						</p>
						<h5>Image links</h5>
						<p>
							<a href="#">
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</a>
						</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-06. TABLE                                                                                ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-table-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1>3-06. Table</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<table>
							<tr>
								<th class="top" scope="col">Heading 1</th>
								<th class="top" scope="col">Heading 2</th>
								<th class="top" scope="col">Heading 3</th>
							</tr>
							<tr>
								<th scope="row">Category 1</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 2</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 3</th>
								<td>
									<a href="#">Link</a>
								</td>
								<td>
									<a href="#">Link</a>
								</td>
							</tr>
						</table>
						<p class="caption">
							<b>Table x.x.</b>
							Caption
						</p>
					</div>
					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<table>
							<tr>
								<th class="top" scope="col">Heading 1</th>
								<th class="top" scope="col">Heading 2</th>
								<th class="top" scope="col">Heading 3</th>
							</tr>
							<tr>
								<th scope="row">Category 1</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 2</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 3</th>
								<td>
									<a href="#">Link</a>
								</td>
								<td>
									<a href="#">Link</a>
								</td>
							</tr>
						</table>
						<p class="caption">
							<b>Table x.x.</b>
							Caption
						</p>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<table>
							<tr>
								<th class="top" scope="col">Heading 1</th>
								<th class="top" scope="col">Heading 2</th>
								<th class="top" scope="col">Heading 3</th>
							</tr>
							<tr>
								<th scope="row">Category 1</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 2</th>
								<td>Data</td>
								<td>Data</td>
							</tr>
							<tr>
								<th scope="row">Category 3</th>
								<td>
									<a href="#">Link</a>
								</td>
								<td>
									<a href="#">Link</a>
								</td>
							</tr>
						</table>
						<p class="caption">
							<b>Table x.x.</b>
							Caption
						</p>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-07. CONTACT FORM                                                                         ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-contact-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="contact">3-07. Contact Form</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<div class="contactform">
							<form method="post" action="index.html">
								<fieldset>
									<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
									<p>
										<label for="contact_title_3a" class="left">Title:</label>
										<select name="contact_title" id="contact_title_3a" class="combo">
											<option value="choose">Select...</option>
											<option value="mrs">Mrs.</option>
											<option value="mr">Mr.</option>
											<option value="dr">Dr.</option>
										</select>
									</p>
									<p>
										<label for="contact_firstname_3a" class="left">First name:</label>
										<input type="text" name="contact_firstname" id="contact_firstname_3a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_familyname_3a" class="left">Family name:</label>
										<input type="text" name="contact_familyname" id="contact_familyname_3a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_street_3a" class="left">Street:</label>
										<input type="text" name="contact_street" id="contact_street_3a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_postalcode_3a" class="left">Postal code:</label>
										<input type="text" name="contact_postalcode" id="contact_postalcode_3a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_city_3a" class="left">City:</label>
										<input type="text" name="contact_city" id="contact_city_3a" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_country_3a" class="left">Country:</label>
										<select name="contact_country" id="contact_country_3a" class="combo">
											<option value="choose">Select...</option>
											<option value="Sweden">Sweden</option>
											<option value="United States">United States</option>
											<option value="China">China</option>
										</select>
									</p>
									<p>
										<label for="contact_phone_3a" class="left">Phone:</label>
										<input type="text" name="contact_phone" id="contact_phone_3a" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_email_3a" class="left">Email:</label>
										<input type="text" name="contact_email" id="contact_email_3a" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_url_3a" class="left">Website:</label>
										<input type="text" name="contact_url" id="contact_url_3a" class="field" value="" tabindex="3" />
									</p>
								</fieldset>
								<fieldset>
									<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
									<p>
										<label for="contact_subject_3a" class="left">Subject:</label>
										<input type="text" name="contact_subject" id="contact_subject_3a" class="field" value="" tabindex="4" />
									</p>
									<p>
										<label for="contact_urgency_3a" class="left">Please reply:</label>
										<select name="contact_urgency" id="contact_urgency_3a" class="combo">
											<option value="choose">Select...</option>
											<option value="today">Latest today</option>
											<option value="tomorrow">Latest tomorrow</option>
											<option value="threedays">Latest in 3 days</option>
											<option value="week">Latest in a week</option>
											<option value="month">Latest in a month</option>
										</select>
									</p>
									<p>
										<label for="contact_message_3a" class="left">Message:</label>
										<textarea name="contact_message" id="contact_message_3a" cols="45" rows="10" tabindex="5"></textarea>
									</p>
									<p>
										<input type="submit" name="submit" id="submit_3a" class="button" value="Send message" tabindex="6" />
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell MIDDLE-->
					<div class="content-3col-nobox-middlecolumn">
						<div class="contactform">
							<form method="post" action="index.html">
								<fieldset>
									<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
									<p>
										<label for="contact_title_3b" class="left">Title:</label>
										<select name="contact_title" id="contact_title_3b" class="combo">
											<option value="choose">Select...</option>
											<option value="mrs">Mrs.</option>
											<option value="mr">Mr.</option>
											<option value="dr">Dr.</option>
										</select>
									</p>
									<p>
										<label for="contact_firstname_3b" class="left">First name:</label>
										<input type="text" name="contact_firstname" id="contact_firstname_3b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_familyname_3b" class="left">Family name:</label>
										<input type="text" name="contact_familyname" id="contact_familyname_3b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_street_3b" class="left">Street:</label>
										<input type="text" name="contact_street" id="contact_street_3b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_postalcode_3b" class="left">Postal code:</label>
										<input type="text" name="contact_postalcode" id="contact_postalcode_3b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_city_3b" class="left">City:</label>
										<input type="text" name="contact_city" id="contact_city_3b" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_country_3b" class="left">Country:</label>
										<select name="contact_country" id="contact_country_3b" class="combo">
											<option value="choose">Select...</option>
											<option value="Sweden">Sweden</option>
											<option value="United States">United States</option>
											<option value="China">China</option>
										</select>
									</p>
									<p>
										<label for="contact_phone_3b" class="left">Phone:</label>
										<input type="text" name="contact_phone" id="contact_phone_3b" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_email_3b" class="left">Email:</label>
										<input type="text" name="contact_email" id="contact_email_3b" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_url_3b" class="left">Website:</label>
										<input type="text" name="contact_url" id="contact_url_3b" class="field" value="" tabindex="3" />
									</p>
								</fieldset>
								<fieldset>
									<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
									<p>
										<label for="contact_subject_3b" class="left">Subject:</label>
										<input type="text" name="contact_subject" id="contact_subject_3b" class="field" value="" tabindex="4" />
									</p>
									<p>
										<label for="contact_urgency_3b" class="left">Please reply:</label>
										<select name="contact_urgency" id="contact_urgency_3b" class="combo">
											<option value="choose">Select...</option>
											<option value="today">Latest today</option>
											<option value="tomorrow">Latest tomorrow</option>
											<option value="threedays">Latest in 3 days</option>
											<option value="week">Latest in a week</option>
											<option value="month">Latest in a month</option>
										</select>
									</p>
									<p>
										<label for="contact_message_3b" class="left">Message:</label>
										<textarea name="contact_message" id="contact_message_3b" cols="45" rows="10" tabindex="5"></textarea>
									</p>
									<p>
										<input type="submit" name="submit" id="submit_3b" class="button" value="Send message" tabindex="6" />
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<div class="contactform">
							<form method="post" action="index.html">
								<fieldset>
									<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
									<p>
										<label for="contact_title_3c" class="left">Title:</label>
										<select name="contact_title" id="contact_title_3c" class="combo">
											<option value="choose">Select...</option>
											<option value="mrs">Mrs.</option>
											<option value="mr">Mr.</option>
											<option value="dr">Dr.</option>
										</select>
									</p>
									<p>
										<label for="contact_firstname_3c" class="left">First name:</label>
										<input type="text" name="contact_firstname" id="contact_firstname_3c" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_familyname_3c" class="left">Family name:</label>
										<input type="text" name="contact_familyname" id="contact_familyname_3c" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_street_3c" class="left">Street:</label>
										<input type="text" name="contact_street" id="contact_street_3c" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_postalcode_3c" class="left">Postal code:</label>
										<input type="text" name="contact_postalcode" id="contact_postalcode_3c" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_city_3c" class="left">City:</label>
										<input type="text" name="contact_city" id="contact_city_3c" class="field" value="" tabindex="1" />
									</p>
									<p>
										<label for="contact_country_3c" class="left">Country:</label>
										<select name="contact_country" id="contact_country_3c" class="combo">
											<option value="choose">Select...</option>
											<option value="Sweden">Sweden</option>
											<option value="United States">United States</option>
											<option value="China">China</option>
										</select>
									</p>
									<p>
										<label for="contact_phone_3c" class="left">Phone:</label>
										<input type="text" name="contact_phone" id="contact_phone_3c" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_email_3c" class="left">Email:</label>
										<input type="text" name="contact_email" id="contact_email_3c" class="field" value="" tabindex="2" />
									</p>
									<p>
										<label for="contact_url_3c" class="left">Website:</label>
										<input type="text" name="contact_url" id="contact_url_3c" class="field" value="" tabindex="3" />
									</p>
								</fieldset>
								<fieldset>
									<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
									<p>
										<label for="contact_subject_3c" class="left">Subject:</label>
										<input type="text" name="contact_subject" id="contact_subject_3c" class="field" value="" tabindex="4" />
									</p>
									<p>
										<label for="contact_urgency_3c" class="left">Please reply:</label>
										<select name="contact_urgency" id="contact_urgency_3c" class="combo">
											<option value="choose">Select...</option>
											<option value="today">Latest today</option>
											<option value="tomorrow">Latest tomorrow</option>
											<option value="threedays">Latest in 3 days</option>
											<option value="week">Latest in a week</option>
											<option value="month">Latest in a month</option>
										</select>
									</p>
									<p>
										<label for="contact_message_3c" class="left">Message:</label>
										<textarea name="contact_message" id="contact_message_3c" cols="45" rows="10" tabindex="5"></textarea>
									</p>
									<p>
										<input type="submit" name="submit" id="submit_3c" class="button" value="Send message" tabindex="6" />
									</p>
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-08. LOGIN FORM                                                                           ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-login-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="login">3-08. Login</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<div class="loginform">
							<form method="post" action="index.html">
								<p>
									<input type="hidden" name="rememberme" value="0" />
								</p>
								<fieldset>
									<p>
										<label for="username_3a" class="top">User:</label>
										<br />
										<input type="text" name="username_3a" id="username_3a" tabindex="1" class="field" value="" />
									</p>
									<p>
										<label for="password_3a" class="top">Password:</label>
										<br />
										<input type="password" name="password_3a" id="password_3a" tabindex="2" class="field" value="" />
									</p>
									<p>
										<input type="checkbox" name="checkbox_3a" id="checkbox_3a" class="checkbox" tabindex="3" size="1" value="" />
										<label for="checkbox_3a" class="right">Remember me</label>
									</p>
									<p>
										<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
									</p>
									<p>
										<a href="#" id="forgotpsswd_3a">Password forgotten?</a>
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<div class="loginform">
							<form method="post" action="index.html">
								<p>
									<input type="hidden" name="rememberme" value="0" />
								</p>
								<fieldset>
									<p>
										<label for="username_3b" class="top">User:</label>
										<br />
										<input type="text" name="username_3b" id="username_3b" tabindex="1" class="field" value="" />
									</p>
									<p>
										<label for="password_3b" class="top">Password:</label>
										<br />
										<input type="password" name="password_3b" id="password_3b" tabindex="2" class="field" value="" />
									</p>
									<p>
										<input type="checkbox" name="checkbox_3b" id="checkbox_3b" class="checkbox" tabindex="3" size="1" value="" />
										<label for="checkbox_3b" class="right">Remember me</label>
									</p>
									<p>
										<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
									</p>
									<p>
										<a href="#" id="forgotpsswd_3b">Password forgotten?</a>
									</p>
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<div class="loginform">
							<form method="post" action="index.html">
								<p>
									<input type="hidden" name="rememberme" value="0" />
								</p>
								<fieldset>
									<p>
										<label for="username_3c" class="top">User:</label>
										<br />
										<input type="text" name="username_3c" id="username_3c" tabindex="1" class="field" value="" />
									</p>
									<p>
										<label for="password_3c" class="top">Password:</label>
										<br />
										<input type="password" name="password_3c" id="password_3c" tabindex="2" class="field" value="" />
									</p>
									<p>
										<input type="checkbox" name="checkbox_3c" id="checkbox_3c" class="checkbox" tabindex="3" size="1" value="" />
										<label for="checkbox_3c" class="right">Remember me</label>
									</p>
									<p>
										<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
									</p>
									<p>
										<a href="#" id="forgotpsswd_3c">Password forgotten?</a>
									</p>
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- **   3-09. SEARCH FORM                                                                          ** -->
				<!-- ************************************************************************************************** -->

				<!-- CONTENT CELL (subcells NOT boxes) -->
				<a id="anchor-search-3"></a>
				<div class="corner-content-1col-top"></div>
				<div class="content-1col-nobox">
					<h1 class="noicon">3-09. Search</h1>
					<!-- Subcell LEFT -->
					<div class="content-3col-nobox-leftcolumn">
						<div class="searchform">
							<form action="index.html" method="get">
								<fieldset>
									<input name="field" class="field" value=" Search..." />
									<input type="submit" name="button" class="button" value="GO!" />
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell MIDDLE -->
					<div class="content-3col-nobox-middlecolumn">
						<div class="searchform">
							<form action="index.html" method="get">
								<fieldset>
									<input name="field" class="field" value=" Search..." />
									<input type="submit" name="button" class="button" value="GO!" />
								</fieldset>
							</form>
						</div>
					</div>
					<!-- Subcell RIGHT -->
					<div class="content-3col-nobox-rightcolumn">
						<div class="searchform">
							<form action="index.html" method="get">
								<fieldset>
									<input name="field" class="field" value=" Search..." />
									<input type="submit" name="button" class="button" value="GO!" />
								</fieldset>
							</form>
						</div>
					</div>
				</div>
				<div class="corner-content-1col-bottom"></div>

				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- **                                                                                              ** -->
				<!-- **   4. CONTENT (2-COLUMN, BOXES)                                                               ** -->
				<!-- **                                                                                              ** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->


				<!-- CONTENT CELL (subcells ARE boxes) -->
				<div class="content-1col-box">
					<!-- Subcell LEFT -->
					<div class="content-2col-box-leftcolumn">

						<!-- ************************************************************************************************** -->
						<!-- **   4-01-left. HEADING (WITH ICON)                                                             ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-heading-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-01. Box head h1 (with icon)</h1>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
							<h3 class="line">Title heading h3 (top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h3>Title heading h3 (no top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h5>Title heading h5</h5>
							<p>Text text text text</p>
							<h3>Title heading h3</h3>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<p>Text text text text</p>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-02-left. HEADING (NO ICON)                                                               ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-heading-noicon-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="noicon">4-02. Box head h1 (no icon)</h1>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-03-left. TEXT                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-text-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-03. Text</h1>
							<h5>Paragraph</h5>
							<p>Standard text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text</p>
							<p class="details">
								<b>Paragraph details:</b>
								| Posted by
								<a href="#">SiteAdmin </a>
								| Categories:
								<a href="#">General</a>
								| Comments:
								<a href="#">73</a>
								|
							</p>
							<blockquote>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
									consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
									ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
									Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
							</blockquote>
							<h5>Unordered list</h5>
							<ul>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Unordered list (indented)</h5>
							<ul class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Ordered list</h5>
							<ol>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
							<h5>Ordered list (indented)</h5>
							<ol class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-04-left. IMAGE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-image-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-04. Image</h1>
							<h2>Title heading (above image)</h2>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<h2>Title heading beside image</h2>
							<h3>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-05-left. LINK                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-link-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-05. Link</h1>
							<h5>Text link</h5>
							<p>
								Here we can find a
								<a href="#">text link</a>
								.
							</p>
							<h5>Image link</h5>
							<p>
								<a href="#">
									<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								</a>
							</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-06-left. TABLE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-table-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-06. Table</h1>
							<table>
								<tr>
									<th class="top" scope="col">Heading 1</th>
									<th class="top" scope="col">Heading 2</th>
									<th class="top" scope="col">Heading 3</th>
								</tr>
								<tr>
									<th scope="row">Category 1</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 2</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 3</th>
									<td>
										<a href="#">Link</a>
									</td>
									<td>
										<a href="#">Link</a>
									</td>
								</tr>
							</table>
							<p class="caption">
								<b>Table x.x.</b>
								Caption
							</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-07-left. CONTACT FORM                                                                    ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-contact-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="contact">4-07. Contact</h1>
							<div class="contactform">
								<form method="post" action="index.html">
									<fieldset>
										<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
										<p>
											<label for="contact_title_4a" class="left">Title:</label>
											<select name="contact_title" id="contact_title_4a" class="combo">
												<option value="choose">Select...</option>
												<option value="mrs">Mrs.</option>
												<option value="mr">Mr.</option>
												<option value="dr">Dr.</option>
											</select>
										</p>
										<p>
											<label for="contact_firstname_4a" class="left">First name:</label>
											<input type="text" name="contact_firstname" id="contact_firstname_4a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_familyname_4a" class="left">Family name:</label>
											<input type="text" name="contact_familyname" id="contact_familyname_4a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_street_4a" class="left">Street:</label>
											<input type="text" name="contact_street" id="contact_street_4a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_postalcode_4a" class="left">Postal code:</label>
											<input type="text" name="contact_postalcode" id="contact_postalcode_4a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_city_4a" class="left">City:</label>
											<input type="text" name="contact_city" id="contact_city_4a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_country_4a" class="left">Country:</label>
											<select name="contact_country" id="contact_country_4a" class="combo">
												<option value="choose">Select...</option>
												<option value="Sweden">Sweden</option>
												<option value="United States">United States</option>
												<option value="China">China</option>
											</select>
										</p>
										<p>
											<label for="contact_phone_4a" class="left">Phone:</label>
											<input type="text" name="contact_phone" id="contact_phone_4a" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_email_4a" class="left">Email:</label>
											<input type="text" name="contact_email" id="contact_email_4a" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_url_4a" class="left">Website:</label>
											<input type="text" name="contact_url" id="contact_url_4a" class="field" value="" tabindex="3" />
										</p>
									</fieldset>
									<fieldset>
										<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
										<p>
											<label for="contact_subject_4a" class="left">Subject:</label>
											<input type="text" name="contact_subject" id="contact_subject_4a" class="field" value="" tabindex="4" />
										</p>
										<p>
											<label for="contact_urgency_4a" class="left">Please reply:</label>
											<select name="contact_urgency" id="contact_urgency_4a" class="combo">
												<option value="choose">Select...</option>
												<option value="today">Latest today</option>
												<option value="tomorrow">Latest tomorrow</option>
												<option value="threedays">Latest in 3 days</option>
												<option value="week">Latest in a week</option>
												<option value="month">Latest in a month</option>
											</select>
										</p>
										<p>
											<label for="contact_message_4a" class="left">Message:</label>
											<textarea name="contact_message" id="contact_message_4a" cols="45" rows="10" tabindex="5"></textarea>
										</p>
										<p>
											<input type="submit" name="submit" id="submit_4a" class="button" value="Send message" tabindex="6" />
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-08-left. LOGIN FORM                                                                      ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-login-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="login">4-08. Login</h1>
							<div class="loginform">
								<form method="post" action="index.html">
									<p>
										<input type="hidden" name="rememberme" value="0" />
									</p>
									<fieldset>
										<p>
											<label for="username_4a" class="top">User:</label>
											<br />
											<input type="text" name="username_4a" id="username_4a" tabindex="1" class="field" value="" />
										</p>
										<p>
											<label for="password_4a" class="top">Password:</label>
											<br />
											<input type="password" name="password_4a" id="password_4a" tabindex="2" class="field" value="" />
										</p>
										<p>
											<input type="checkbox" name="checkbox_4a" id="checkbox_4a" class="checkbox" tabindex="3" size="1" value="" />
											<label for="checkbox_4a" class="right">Remember me</label>
										</p>
										<p>
											<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
										</p>
										<p>
											<a href="#" id="forgotpsswd_4a">Password forgotten?</a>
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-09-left. SEARCH FORM                                                                     ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-search-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="search">4-09. Search</h1>
							<div class="searchform">
								<form action="index.html" method="get">
									<fieldset>
										<input name="field" class="field" value=" Search..." />
										<input type="submit" name="button" class="button" value="GO!" />
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-12-left. EXTRAS                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-extra-4"></a>
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="webtemplate">4-12a. Webtemplate</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="document">4-12b. Document</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="blog">4-12c. Blog</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="forum">4-12d. Forum</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>
					</div>

					<!-- Subcell RIGHT -->
					<div class="content-2col-box-rightcolumn">

						<!-- ************************************************************************************************** -->
						<!-- **   4-01-right. HEADING (WITH ICON)                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-01. Box head h1 (with icon)</h1>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
							<h3 class="line">Title heading h3 (top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h3>Title heading h3 (no top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h5>Title heading h5</h5>
							<p>Text text text text</p>
							<h3>Title heading h3</h3>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<p>Text text text text</p>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-02-right. HEADING (NO ICON)                                                              ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="noicon">4-02. Box head h1 (no icon)</h1>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-03-right. TEXT                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-03. Text</h1>
							<h5>Paragraph</h5>
							<p>Standard text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text</p>
							<p class="details">
								<b>Paragraph details:</b>
								| Posted by
								<a href="#">SiteAdmin </a>
								| Categories:
								<a href="#">General</a>
								| Comments:
								<a href="#">73</a>
								|
							</p>
							<blockquote>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
									consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
									ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
									Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
							</blockquote>
							<h5>Unordered list</h5>
							<ul>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Unordered list (indented)</h5>
							<ul class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Ordered list</h5>
							<ol>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
							<h5>Ordered list (indented)</h5>
							<ol class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-04-right. IMAGE                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-04. Image</h1>
							<h2>Title heading (above image)</h2>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<h2>Title heading beside image</h2>
							<h3>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-05-right. LINK                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-05. Link</h1>
							<h5>Text links</h5>
							<p>
								Here we can find a
								<a href="#">text link</a>
								.
							</p>
							<h5>Image links</h5>
							<p>
								<a href="#">
									<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								</a>
							</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-06-right. TABLE                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1>4-06. Table</h1>
							<table>
								<tr>
									<th class="top" scope="col">Heading 1</th>
									<th class="top" scope="col">Heading 2</th>
									<th class="top" scope="col">Heading 3</th>
								</tr>
								<tr>
									<th scope="row">Category 1</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 2</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 3</th>
									<td>
										<a href="#">Link</a>
									</td>
									<td>
										<a href="#">Link</a>
									</td>
								</tr>
							</table>
							<p class="caption">
								<b>Table x.x.</b>
								Caption
							</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-07-right. CONTACT FORM                                                                   ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="contact">4-07. Contact</h1>
							<div class="contactform">
								<form method="post" action="index.html">
									<fieldset>
										<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
										<p>
											<label for="contact_title_4b" class="left">Title:</label>
											<select name="contact_title" id="contact_title_4b" class="combo">
												<option value="choose">Select...</option>
												<option value="mrs">Mrs.</option>
												<option value="mr">Mr.</option>
												<option value="dr">Dr.</option>
											</select>
										</p>
										<p>
											<label for="contact_firstname_4b" class="left">First name:</label>
											<input type="text" name="contact_firstname" id="contact_firstname_4b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_familyname_4b" class="left">Family name:</label>
											<input type="text" name="contact_familyname" id="contact_familyname_4b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_street_4b" class="left">Street:</label>
											<input type="text" name="contact_street" id="contact_street_4b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_postalcode_4b" class="left">Postal code:</label>
											<input type="text" name="contact_postalcode" id="contact_postalcode_4b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_city_4b" class="left">City:</label>
											<input type="text" name="contact_city" id="contact_city_4b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_country_4b" class="left">Country:</label>
											<select name="contact_country" id="contact_country_4b" class="combo">
												<option value="choose">Select...</option>
												<option value="Sweden">Sweden</option>
												<option value="United States">United States</option>
												<option value="China">China</option>
											</select>
										</p>
										<p>
											<label for="contact_phone_4b" class="left">Phone:</label>
											<input type="text" name="contact_phone" id="contact_phone_4b" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_email_4b" class="left">Email:</label>
											<input type="text" name="contact_email" id="contact_email_4b" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_url_4b" class="left">Website:</label>
											<input type="text" name="contact_url" id="contact_url_4b" class="field" value="" tabindex="3" />
										</p>
									</fieldset>
									<fieldset>
										<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
										<p>
											<label for="contact_subject_4b" class="left">Subject:</label>
											<input type="text" name="contact_subject" id="contact_subject_4b" class="field" value="" tabindex="4" />
										</p>
										<p>
											<label for="contact_urgency_4b" class="left">Please reply:</label>
											<select name="contact_urgency" id="contact_urgency_4b" class="combo">
												<option value="choose">Select...</option>
												<option value="today">Latest today</option>
												<option value="tomorrow">Latest tomorrow</option>
												<option value="threedays">Latest in 3 days</option>
												<option value="week">Latest in a week</option>
												<option value="month">Latest in a month</option>
											</select>
										</p>
										<p>
											<label for="contact_message_4b" class="left">Message:</label>
											<textarea name="contact_message" id="contact_message_4b" cols="45" rows="10" tabindex="5"></textarea>
										</p>
										<p>
											<input type="submit" name="submit" id="submit_4b" class="button" value="Send message" tabindex="6" />
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-08-right. LOGIN FORM                                                                     ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="login">4-08. Login</h1>
							<div class="loginform">
								<form method="post" action="index.html">
									<p>
										<input type="hidden" name="rememberme" value="0" />
									</p>
									<fieldset>
										<p>
											<label for="username_4b" class="top">User:</label>
											<br />
											<input type="text" name="username_4b" id="username_4b" tabindex="1" class="field" value="" />
										</p>
										<p>
											<label for="password_4b" class="top">Password:</label>
											<br />
											<input type="password" name="password_4b" id="password_4b" tabindex="2" class="field" value="" />
										</p>
										<p>
											<input type="checkbox" name="checkbox_4b" id="checkbox_4b" class="checkbox" tabindex="3" size="1" value="" />
											<label for="checkbox_4b" class="right">Remember me</label>
										</p>
										<p>
											<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
										</p>
										<p>
											<a href="#" id="forgotpsswd_4b">Password forgotten?</a>
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-09-right. SEARCH FORM                                                                    ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="search">4-09. Search</h1>
							<div class="searchform">
								<form action="index.html" method="get">
									<fieldset>
										<input name="field" class="field" value=" Search..." />
										<input type="submit" name="button" class="button" value="GO!" />
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   4-12-right. EXTRA                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="webtemplate">4-12a. Webtemplate</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="document">4-12b. Document</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="blog">4-12c. Blog</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-2col-top"></div>
						<div class="content-2col-box">
							<h1 class="forum">4-12d. Forum</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-2col-bottom"></div>
					</div>
				</div>


				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->
				<!-- **                                                                                              ** -->
				<!-- **   5. CONTENT (3-COLUMN, BOXES)                                                               ** -->
				<!-- **                                                                                              ** -->
				<!-- ************************************************************************************************** -->
				<!-- ************************************************************************************************** -->


				<!-- CONTENT CELL (subcells ARE boxes) -->
				<div class="content-1col-box">
					<!-- Subcell LEFT-->
					<div class="content-3col-box-leftcolumn">

						<!-- ************************************************************************************************** -->
						<!-- **   5-01-left. HEADING (WITH ICON)                                                             ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-heading-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-01. Box head h1 (with icon)</h1>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
							<h3 class="line">Title heading h3 (top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h3>Title heading h3 (no top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h5>Title heading h5</h5>
							<p>Text text text text</p>
							<h3>Title heading h3</h3>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<p>Text text text text</p>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-02-left. HEADING (NO ICON)                                                               ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-heading-noicon-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="noicon">5-02. Box head h1 (no icon)</h1>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-03-left. TEXT                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-text-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-03. Text</h1>
							<h5>Paragraph</h5>
							<p>Standard text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text</p>
							<p class="details">
								<b>Paragraph details:</b>
								| Posted by
								<a href="#">SiteAdmin </a>
								| Categories:
								<a href="#">General</a>
								| Comments:
								<a href="#">73</a>
								|
							</p>
							<blockquote>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
									consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
									ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
									Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
							</blockquote>
							<h5>Unordered list</h5>
							<ul>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Unordered list (indented)</h5>
							<ul class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Ordered list</h5>
							<ol>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
							<h5>Ordered list (indented)</h5>
							<ol class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-04-left. IMAGE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-image-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-04. Image</h1>
							<h2>Title heading (above image)</h2>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<h2>Title heading beside image</h2>
							<h3>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-05-left. LINK                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-link-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-05. Link</h1>
							<h5>Text link</h5>
							<p>
								Here we can find a
								<a href="#">text link</a>
								.
							</p>
							<h5>Image link</h5>
							<p>
								<a href="#">
									<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								</a>
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-06-left. TABLE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-table-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-06. Table</h1>
							<table>
								<tr>
									<th class="top" scope="col">Heading 1</th>
									<th class="top" scope="col">Heading 2</th>
									<th class="top" scope="col">Heading 3</th>
								</tr>
								<tr>
									<th scope="row">Category 1</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 2</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 3</th>
									<td>
										<a href="#">Link</a>
									</td>
									<td>
										<a href="#">Link</a>
									</td>
								</tr>
							</table>
							<p class="caption">
								<b>Table x.x.</b>
								Caption
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-07-left. CONTACT FORM                                                                    ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-contact-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="contact">5-07. Contact</h1>
							<div class="contactform">
								<form method="post" action="index.html">
									<fieldset>
										<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
										<p>
											<label for="contact_title_5a" class="left">Title:</label>
											<select name="contact_title" id="contact_title_5a" class="combo">
												<option value="choose">Select...</option>
												<option value="mrs">Mrs.</option>
												<option value="mr">Mr.</option>
												<option value="dr">Dr.</option>
											</select>
										</p>
										<p>
											<label for="contact_firstname_5a" class="left">First name:</label>
											<input type="text" name="contact_firstname" id="contact_firstname_5a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_familyname_5a" class="left">Family name:</label>
											<input type="text" name="contact_familyname" id="contact_familyname_5a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_street_5a" class="left">Street:</label>
											<input type="text" name="contact_street" id="contact_street_5a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_postalcode_5a" class="left">Postal code:</label>
											<input type="text" name="contact_postalcode" id="contact_postalcode_5a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_city_5a" class="left">City:</label>
											<input type="text" name="contact_city" id="contact_city_5a" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_country_5a" class="left">Country:</label>
											<select name="contact_country" id="contact_country_5a" class="combo">
												<option value="choose">Select...</option>
												<option value="Sweden">Sweden</option>
												<option value="United States">United States</option>
												<option value="China">China</option>
											</select>
										</p>
										<p>
											<label for="contact_phone_5a" class="left">Phone:</label>
											<input type="text" name="contact_phone" id="contact_phone_5a" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_email_5a" class="left">Email:</label>
											<input type="text" name="contact_email" id="contact_email_5a" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_url_5a" class="left">Website:</label>
											<input type="text" name="contact_url" id="contact_url_5a" class="field" value="" tabindex="3" />
										</p>
									</fieldset>
									<fieldset>
										<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
										<p>
											<label for="contact_subject_5a" class="left">Subject:</label>
											<input type="text" name="contact_subject" id="contact_subject_5a" class="field" value="" tabindex="4" />
										</p>
										<p>
											<label for="contact_urgency_5a" class="left">Please reply:</label>
											<select name="contact_urgency" id="contact_urgency_5a" class="combo">
												<option value="choose">Select...</option>
												<option value="today">Latest today</option>
												<option value="tomorrow">Latest tomorrow</option>
												<option value="threedays">Latest in 3 days</option>
												<option value="week">Latest in a week</option>
												<option value="month">Latest in a month</option>
											</select>
										</p>
										<p>
											<label for="contact_message_5a" class="left">Message:</label>
											<textarea name="contact_message" id="contact_message_5a" cols="45" rows="10" tabindex="5"></textarea>
										</p>
										<p>
											<input type="submit" name="submit" id="submit_5a" class="button" value="Send message" tabindex="6" />
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-08-left. LOGIN FORM                                                                      ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-login-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="login">5-08. Login</h1>
							<div class="loginform">
								<form method="post" action="index.html">
									<p>
										<input type="hidden" name="rememberme" value="0" />
									</p>
									<fieldset>
										<p>
											<label for="username_5a" class="top">User:</label>
											<br />
											<input type="text" name="username_5a" id="username_5a" tabindex="1" class="field" value="" />
										</p>
										<p>
											<label for="password_5a" class="top">Password:</label>
											<br />
											<input type="password" name="password_5a" id="password_5a" tabindex="2" class="field" value="" />
										</p>
										<p>
											<input type="checkbox" name="checkbox_5a" id="checkbox_5a" class="checkbox" tabindex="3" size="1" value="" />
											<label for="checkbox_5a" class="right">Remember me</label>
										</p>
										<p>
											<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
										</p>
										<p>
											<a href="#" id="forgotpsswd_5a">Password forgotten?</a>
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-09-left. SEARCH FORM                                                                     ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-search-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="search">5-09. Search</h1>
							<div class="searchform">
								<form action="index.html" method="get">
									<fieldset>
										<input name="field" class="field" value=" Search..." />
										<input type="submit" name="button" class="button" value="GO!" />
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-12-left. EXTRAS                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<a id="anchor-extra-5"></a>
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="webtemplate">5-12a. Webtemplate</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="document">5-12b. Document</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="blog">5-12c. Blog</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="forum">5-12d. Forum</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>
					</div>

					<!-- Subcell MIDDLE -->
					<div class="content-3col-box-middlecolumn">

						<!-- ************************************************************************************************** -->
						<!-- **   5-01-middle. HEADING (WITH ICON)                                                             ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-01. Box head h1 (with icon)</h1>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
							<h3 class="line">Title heading h3 (top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h3>Title heading h3 (no top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h5>Title heading h5</h5>
							<p>Text text text text</p>
							<h3>Title heading h3</h3>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<p>Text text text text</p>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-02-middle. HEADING (NO ICON)                                                               ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="noicon">5-02. Box head h1 (no icon)</h1>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-03-middle. TEXT                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-03. Text</h1>
							<h5>Paragraph</h5>
							<p>Standard text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text</p>
							<p class="details">
								<b>Paragraph details:</b>
								| Posted by
								<a href="#">SiteAdmin </a>
								| Categories:
								<a href="#">General</a>
								| Comments:
								<a href="#">73</a>
								|
							</p>
							<blockquote>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
									consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
									ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
									Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
							</blockquote>
							<h5>Unordered list</h5>
							<ul>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Unordered list (indented)</h5>
							<ul class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Ordered list</h5>
							<ol>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
							<h5>Ordered list (indented)</h5>
							<ol class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-04-middle. IMAGE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-04. Image</h1>
							<h2>Title heading (above image)</h2>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<h2>Title heading beside image</h2>
							<h3>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-05-middle. LINK                                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-05. Link</h1>
							<h5>Text link</h5>
							<p>
								Here we can find a
								<a href="#">text link</a>
								.
							</p>
							<h5>Image link</h5>
							<p>
								<a href="#">
									<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								</a>
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-06-middle. TABLE                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-06. Table</h1>
							<table>
								<tr>
									<th class="top" scope="col">Heading 1</th>
									<th class="top" scope="col">Heading 2</th>
									<th class="top" scope="col">Heading 3</th>
								</tr>
								<tr>
									<th scope="row">Category 1</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 2</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 3</th>
									<td>
										<a href="#">Link</a>
									</td>
									<td>
										<a href="#">Link</a>
									</td>
								</tr>
							</table>
							<p class="caption">
								<b>Table x.x.</b>
								Caption
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-07-middle. CONTACT FORM                                                                    ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="contact">5-07. Contact</h1>
							<div class="contactform">
								<form method="post" action="index.html">
									<fieldset>
										<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
										<p>
											<label for="contact_title_5b" class="left">Title:</label>
											<select name="contact_title" id="contact_title_5b" class="combo">
												<option value="choose">Select...</option>
												<option value="mrs">Mrs.</option>
												<option value="mr">Mr.</option>
												<option value="dr">Dr.</option>
											</select>
										</p>
										<p>
											<label for="contact_firstname_5b" class="left">First name:</label>
											<input type="text" name="contact_firstname" id="contact_firstname_5b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_familyname_5b" class="left">Family name:</label>
											<input type="text" name="contact_familyname" id="contact_familyname_5b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_street_5b" class="left">Street:</label>
											<input type="text" name="contact_street" id="contact_street_5b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_postalcode_5b" class="left">Postal code:</label>
											<input type="text" name="contact_postalcode" id="contact_postalcode_5b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_city_5b" class="left">City:</label>
											<input type="text" name="contact_city" id="contact_city_5b" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_country_5b" class="left">Country:</label>
											<select name="contact_country" id="contact_country_5b" class="combo">
												<option value="choose">Select...</option>
												<option value="Sweden">Sweden</option>
												<option value="United States">United States</option>
												<option value="China">China</option>
											</select>
										</p>
										<p>
											<label for="contact_phone_5b" class="left">Phone:</label>
											<input type="text" name="contact_phone" id="contact_phone_5b" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_email_5b" class="left">Email:</label>
											<input type="text" name="contact_email" id="contact_email_5b" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_url_5b" class="left">Website:</label>
											<input type="text" name="contact_url" id="contact_url_5b" class="field" value="" tabindex="3" />
										</p>
									</fieldset>
									<fieldset>
										<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
										<p>
											<label for="contact_subject_5b" class="left">Subject:</label>
											<input type="text" name="contact_subject" id="contact_subject_5b" class="field" value="" tabindex="4" />
										</p>
										<p>
											<label for="contact_urgency_5b" class="left">Please reply:</label>
											<select name="contact_urgency" id="contact_urgency_5b" class="combo">
												<option value="choose">Select...</option>
												<option value="today">Latest today</option>
												<option value="tomorrow">Latest tomorrow</option>
												<option value="threedays">Latest in 3 days</option>
												<option value="week">Latest in a week</option>
												<option value="month">Latest in a month</option>
											</select>
										</p>
										<p>
											<label for="contact_message_5b" class="left">Message:</label>
											<textarea name="contact_message" id="contact_message_5b" cols="45" rows="10" tabindex="5"></textarea>
										</p>
										<p>
											<input type="submit" name="submit" id="submit_5b" class="button" value="Send message" tabindex="6" />
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-08-middle. LOGIN FORM                                                                      ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="login">5-08. Login</h1>
							<div class="loginform">
								<form method="post" action="index.html">
									<p>
										<input type="hidden" name="rememberme" value="0" />
									</p>
									<fieldset>
										<p>
											<label for="username_5b" class="top">User:</label>
											<br />
											<input type="text" name="username_5b" id="username_5b" tabindex="1" class="field" value="" />
										</p>
										<p>
											<label for="password_5b" class="top">Password:</label>
											<br />
											<input type="password" name="password_5b" id="password_5b" tabindex="2" class="field" value="" />
										</p>
										<p>
											<input type="checkbox" name="checkbox_5b" id="checkbox_5b" class="checkbox" tabindex="3" size="1" value="" />
											<label for="checkbox_5b" class="right">Remember me</label>
										</p>
										<p>
											<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
										</p>
										<p>
											<a href="#" id="forgotpsswd_5b">Password forgotten?</a>
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-09-middle. SEARCH FORM                                                                     ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="search">5-09. Search</h1>
							<div class="searchform">
								<form action="index.html" method="get">
									<fieldset>
										<input name="field" class="field" value=" Search..." />
										<input type="submit" name="button" class="button" value="GO!" />
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-12-middle. EXTRAS                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="webtemplate">5-12a. Webtemplate</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="document">5-12b. Document</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="blog">5-12c. Blog</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="forum">5-12d. Forum</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>
					</div>

					<!-- Subcell RIGHT -->
					<div class="content-3col-box-rightcolumn">

						<!-- ************************************************************************************************** -->
						<!-- **   5-01-right. HEADING (WITH ICON)                                                            ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-01. Box head h1 (with icon)</h1>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
							<h3 class="line">Title heading h3 (top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h3>Title heading h3 (no top line)</h3>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<h6>Title heading h6</h6>
							<p>Text text text text</p>
							<h5>Title heading h5</h5>
							<p>Text text text text</p>
							<h3>Title heading h3</h3>
							<p>Text text text text</p>
							<h4>Title heading h4</h4>
							<p>Text text text text</p>
							<h2>Box subhead h2 (with icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-02-right. HEADING (NO ICON)                                                              ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="noicon">5-02. Box head h1 (no icon)</h1>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
							<h2 class="noicon">Box subhead h2 (no icon)</h2>
							<p class="demo"></p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-03-right. TEXT                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-03. Text</h1>
							<h5>Paragraph</h5>
							<p>Standard text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text
								text text text text text text text text text text text text text text text text text text text text text text</p>
							<p class="details">
								<b>Paragraph details:</b>
								| Posted by
								<a href="#">SiteAdmin </a>
								| Categories:
								<a href="#">General</a>
								| Comments:
								<a href="#">73</a>
								|
							</p>
							<blockquote>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit amet,
									consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem
									ipsum dolor sit amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
									Aliquam at libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
							</blockquote>
							<h5>Unordered list</h5>
							<ul>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Unordered list (indented)</h5>
							<ul class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ul>
							<h5>Ordered list</h5>
							<ol>
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
							<h5>Ordered list (indented)</h5>
							<ol class="indent">
								<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Lorem ipsum dolor sit
									amet, consectetuer adipiscing. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero.
									Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
								<li>Second entry</li>
							</ol>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-04-right. IMAGE                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-04. Image</h1>
							<h2>Title heading (above image)</h2>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>Heading h3</h3>
							<h6>Heading h6</h6>
							<p>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
								dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper suscipit
								lobortis nisl ut aliquip. orem ipsum dolor sit amet.
							</p>
							<h2>Title heading beside image</h2>
							<h3>
								<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
							<p>
								<img class="center" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
							</p>
							<h3>
								<img class="right" src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								Heading h3
							</h3>
							<h6>Heading h6</h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
								laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostruderci tation ullamcorper
								suscipit lobortis nisl ut aliquip. orem ipsum dolor sit amet.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-05-right. LINK                                                                           ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-05. Link</h1>
							<h5>Text links</h5>
							<p>
								Here we can find a
								<a href="#">text link</a>
								.
							</p>
							<h5>Image links</h5>
							<p>
								<a href="#">
									<img src="/resources/image/image.jpg" alt="Image description" title="Image title" />
								</a>
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-06-right. TABLE                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1>5-06. Table</h1>
							<table>
								<tr>
									<th class="top" scope="col">Heading 1</th>
									<th class="top" scope="col">Heading 2</th>
									<th class="top" scope="col">Heading 3</th>
								</tr>
								<tr>
									<th scope="row">Category 1</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 2</th>
									<td>Data</td>
									<td>Data</td>
								</tr>
								<tr>
									<th scope="row">Category 3</th>
									<td>
										<a href="#">Link</a>
									</td>
									<td>
										<a href="#">Link</a>
									</td>
								</tr>
							</table>
							<p class="caption">
								<b>Table x.x.</b>
								Caption
							</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-07-right. CONTACT FORM                                                                   ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="contact">5-07. Contact</h1>
							<div class="contactform">
								<form method="post" action="index.html">
									<fieldset>
										<legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
										<p>
											<label for="contact_title_5c" class="left">Title:</label>
											<select name="contact_title" id="contact_title_5c" class="combo">
												<option value="choose">Select...</option>
												<option value="mrs">Mrs.</option>
												<option value="mr">Mr.</option>
												<option value="dr">Dr.</option>
											</select>
										</p>
										<p>
											<label for="contact_firstname_5c" class="left">First name:</label>
											<input type="text" name="contact_firstname" id="contact_firstname_5c" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_familyname_5c" class="left">Family name:</label>
											<input type="text" name="contact_familyname" id="contact_familyname_5c" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_street_5c" class="left">Street:</label>
											<input type="text" name="contact_street" id="contact_street_5c" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_postalcode_5c" class="left">Postal code:</label>
											<input type="text" name="contact_postalcode" id="contact_postalcode_5c" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_city_5c" class="left">City:</label>
											<input type="text" name="contact_city" id="contact_city_5c" class="field" value="" tabindex="1" />
										</p>
										<p>
											<label for="contact_country_5c" class="left">Country:</label>
											<select name="contact_country" id="contact_country_5c" class="combo">
												<option value="choose">Select...</option>
												<option value="Sweden">Sweden</option>
												<option value="United States">United States</option>
												<option value="China">China</option>
											</select>
										</p>
										<p>
											<label for="contact_phone_5c" class="left">Phone:</label>
											<input type="text" name="contact_phone" id="contact_phone_5c" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_email_5c" class="left">Email:</label>
											<input type="text" name="contact_email" id="contact_email_5c" class="field" value="" tabindex="2" />
										</p>
										<p>
											<label for="contact_url_5c" class="left">Website:</label>
											<input type="text" name="contact_url" id="contact_url_5c" class="field" value="" tabindex="3" />
										</p>
									</fieldset>
									<fieldset>
										<legend>&nbsp;MESSAGE DETAILS&nbsp;</legend>
										<p>
											<label for="contact_subject_5c" class="left">Subject:</label>
											<input type="text" name="contact_subject" id="contact_subject_5c" class="field" value="" tabindex="4" />
										</p>
										<p>
											<label for="contact_urgency_5c" class="left">Please reply:</label>
											<select name="contact_urgency" id="contact_urgency_5c" class="combo">
												<option value="choose">Select...</option>
												<option value="today">Latest today</option>
												<option value="tomorrow">Latest tomorrow</option>
												<option value="threedays">Latest in 3 days</option>
												<option value="week">Latest in a week</option>
												<option value="month">Latest in a month</option>
											</select>
										</p>
										<p>
											<label for="contact_message_5c" class="left">Message:</label>
											<textarea name="contact_message" id="contact_message_5c" cols="45" rows="10" tabindex="5"></textarea>
										</p>
										<p>
											<input type="submit" name="submit" id="submit_5c" class="button" value="Send message" tabindex="6" />
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-08-right. LOGIN FORM                                                                     ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="login">5-08. Login</h1>
							<div class="loginform">
								<form method="post" action="index.html">
									<p>
										<input type="hidden" name="rememberme" value="0" />
									</p>
									<fieldset>
										<p>
											<label for="username_5c" class="top">User:</label>
											<br />
											<input type="text" name="username_5c" id="username_5c" tabindex="1" class="field" value="" />
										</p>
										<p>
											<label for="password_5c" class="top">Password:</label>
											<br />
											<input type="password" name="password_5c" id="password_5c" tabindex="2" class="field" value="" />
										</p>
										<p>
											<input type="checkbox" name="checkbox_5c" id="checkbox_5c" class="checkbox" tabindex="3" size="1" value="" />
											<label for="checkbox_5c" class="right">Remember me</label>
										</p>
										<p>
											<input type="submit" name="cmdweblogin" class="button" value="LOGIN" />
										</p>
										<p>
											<a href="#" id="forgotpsswd_5c">Password forgotten?</a>
										</p>
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- ************************************************************************************************** -->
						<!-- **   5-09-right. SEARCH FORM                                                                    ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="search">5-09. Search</h1>
							<div class="searchform">
								<form action="index.html" method="get">
									<fieldset>
										<input name="field" class="field" value=" Search..." />
										<input type="submit" name="button" class="button" value="GO!" />
									</fieldset>
								</form>
							</div>
						</div>
						<div class="corner-content-3col-bottom"></div>


						<!-- ************************************************************************************************** -->
						<!-- **   5-12-right. EXTRA                                                                          ** -->
						<!-- ************************************************************************************************** -->

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="webtemplate">5-12a. Webtemplate</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="document">5-12b. Document</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="blog">5-12c. Blog</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>

						<!-- Subcell content -->
						<div class="corner-content-3col-top"></div>
						<div class="content-3col-box">
							<h1 class="forum">5-12d. Forum</h1>
							<p class="demo">Here comes the content.</p>
						</div>
						<div class="corner-content-3col-bottom"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- ************************************************************************************************** -->
		<!-- ************************************************************************************************** -->
		<!-- *******************************   END OF AVAILABLE CONTENT STYLES   ****************************** -->
		<!-- ************************************************************************************************** -->
		<!-- ************************************************************************************************** -->

		<!-- D. FOOTER -->
		<div class="footer">
			<p>Copyright &copy; 2008 Your Company&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>
			<p class="credits">
				Design by
				<a href="http://1234.info/" title="Designer Homepage">1234.info</a>
				| Modified by
				<a href="#" title="Modifyer Homepage">Your Name</a>
				| Powered by
				<a href="#" title="CMS Homepage">Your CMS</a>
				| Media Player by
				<a href="http://www.jeroenwijering.com" title="Media Player Credits">Jeroen Wijering</a>
				|
				<a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a>
				|
				<a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a>
			</p>
		</div>
		<div class="corner-page-bottom"></div>
	</div>

</body>
</html>